<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>图片列表</title>
		
		<meta http-equiv="Content-Type" content="text/html; utf-8" />
		<link href="../css/public.css" rel="stylesheet" type="text/css" />
		<link href="../css/column.css" rel="stylesheet" type="text/css" />
		<link href="../css/PicList.css" rel="stylesheet" type="text/css" />
		<link href="../css/SharePic.css" rel="stylesheet" type="text/css" />
		<link href="../css/photo.css" rel="stylesheet" type="text/css" />
		
		<style type="text/css">
			
		</style>
		<script type='text/javascript' src='../javascript/jquery-1.2.6.js'></script>
		<script type='text/javascript' src='../javascript/jquery.json.js'></script>
		<script type='text/javascript' src='../javascript/jquery.blockUI.js'></script>
  		<script type='text/javascript' src='../dwr/interface/PhotoCategoryService.js'></script>
  		<script type='text/javascript' src='../dwr/interface/PhotoService.js'></script>
  		<script type='text/javascript' src='../dwr/engine.js'></script>
		<script type="text/javascript" src="../js/photo.js"></script>
		<script type="text/javascript" src="../js/rating.js"></script>
	</head>
	<body class="body">
		<div class="pageContent">
				
			<jsp:include flush="true" page="../include/header.jsp"></jsp:include>
			
			<!-- 页面主内容 -->
			<div class="main">
			
				<!-- 页面左侧内容 -->
				<div class="mainLeft1">
					
					<!-- 个人验证图片栏目 -->
					<div class="columnType1">
						<div class="columnType1Title">
							<div class="columnType1TitlePic">
								<img src="../theme/skin1/public/columnPic/01.gif"/>
							</div>
							<div class="columnType1TitleText">
								<a href="" class="hotA">个人验证图片</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType1Content">
							
						</div>
						<div class="columnType1End">
						</div>
					</div>
					
					<!--  照片分类栏目 -->
					<div class="columnType1">
						<div class="columnType1Title">
							<div class="columnType1TitlePic">
								<img src="../theme/skin1/public/columnPic/07.gif"/>
							</div>
							<div class="columnType1TitleText">
								<a href="" class="hotA">照片分类</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType1Content" id="photo_category">

						</div>
						<div class="columnType1End">
						</div>
					</div>
					
					<!--  管理分类栏目 -->
					<div class="columnType1">
						<div class="columnType1Title">
							<div class="columnType1TitlePic">
								<img src="../theme/skin1/public/columnPic/08.gif"/>
							</div>
							<div class="columnType1TitleText">
								<a href="" class="hotA">管理分类</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType1Content">
						<div class="columnType1ContentLine"><a href="javascript:addCategory()"><b class="b">
						添加相册</b></a></div>
						<div class="columnType1ContentLine"><a href="javascript:delCategory()"><b class="b">
						删除相册</b></a></div>
						<div class="columnType1ContentLine"><a href="javascript:uploadPhoto()"><b class="b">
						上传照片</b></a></div>		
						</div>
						<div class="columnType1End">
						</div>
					</div>
					
				</div>
				<!-- 页面中间内容 -->
				<div class="mainContent1" id="picList">
					
					<!-- 图片列表 -->
					<div class="columnType2">
						<div class="columnType2Title">
							<div class="columnType2TitlePic">
								<img src="../theme/skin1/public/columnPic/09.gif"/>
							</div>
							<div class="columnType2TitleText">
								<a href="" class="hotA">图片列表</a>
							</div>
							<div class="columnType2TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType2Content">
						
							<div class="picList" id="photo_list">

							</div>
							<div id='paging' class="paging">1</div>
						</div>
						<div class="columnType2End">
						</div>
					</div>
					
				</div>
				<!-- 照片分享开始 -->
					<div class="mainContent1" id="picShare">
					
					<!-- 分享图片 -->
					<div class="columnType2">
						<div class="columnType2Title">
							<div class="columnType2TitlePic">
								<img src="../theme/skin1/public/columnPic/09.gif"/>
							</div>
							<div class="columnType2TitleText">
								<a href="" class="hotA">分享图片</a>
							</div>
							<div class="columnType2TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType2Content">
							<!-- 显示上下张图片 -->
							<div class="l1">
								<div class="pic1" id="prePic">
									这里放置前面的图片
								</div>
								<div class="pic2">
									<a href="#"><h3>分享这张图片</h3></a>
								</div>
								<div class="pic1" id="nextPic">
									这里放置后面的图片
								</div>
							</div>
							<div class="l2">
								<div class="bigPic" id="curPic">
									<!-- 这里放置图片 -->
									
								</div>
								<div class="bigPicInfo">
									照片综合得分: <b>100</b> 分<br/>
									<div id='rating'>
									</div>
								</div>
							</div>
						</div>
						<div class="columnType2End">
						</div>
					</div>
					
					<!--  照片评论 -->
					<div class="columnType2">
						<div class="columnType2Title">
							<div class="columnType2TitlePic">
								<img src="../theme/skin1/public/columnPic/04.gif"/>
							</div>
							<div class="columnType2TitleText">
								<a href="" class="hotA">照片评论</a>
							</div>
							<div class="columnType2TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType2Content">
							
							<!-- 评论1 -->
							<div class="pl">
								<div class="plLeft">
									<div class="plLeftPic">
										<a href="#"><img width="60" height="60" src="images/userPic01.gif" border="0"/></a>
									</div>
									<div class="plLeftPicInfo">
										<a href="#">漆黑的啤酒桶</a>
									</div>	 
								</div>
								<div class="plRight">
									<b>评论内容:</b><br/>
									<!-- 这里填写评价内容 -->
									&nbsp;&nbsp;&nbsp;&nbsp;喜欢,谢谢！
								</div>
							</div>
							
							<!-- 评论2 -->
							<div class="pl">
								<div class="plLeft">
									<div class="plLeftPic">
										<a href="#"><img width="60" height="60" src="images/userPic02.gif" border="0"/></a>
									</div>
									<div class="plLeftPicInfo">
										<a href="#">玛丽亚的小酒保</a>
									</div>	 
								</div>
								<div class="plRight">
									<b>评论内容:</b><br/>
									<!-- 这里填写评价内容 -->
									&nbsp;&nbsp;&nbsp;&nbsp;赞一个先！
								</div>
							</div>
							
						</div>
						<div class="columnType2End">
						</div>
					</div>
					
					<!--  发表评论 -->
					<div class="columnType2">
						<div class="columnType2Title">
							<div class="columnType2TitlePic">
								<img src="../theme/skin1/public/columnPic/04.gif"/>
							</div>
							<div class="columnType2TitleText">
								<a href="" class="hotA">发表评论</a>
							</div>
							<div class="columnType2TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType2Content">
							
							<!-- 输入评论 -->
							<div class="plInput">
								<!-- 这里填写评论 -->
								<textarea class="plInputTextarea"></textarea>
								<div class="plInputButton">
									<input type="button" class="button01" value="提 交"/>
								</div>
							</div>
							
						</div>
						<div class="columnType2End">
						</div>
					</div>
					
				</div>
				<!-- 照片分享结束 -->
				
				<!-- 页面右侧内容 -->
				<div class="mainRight1" id="topPic">
				
					<!-- 个人最受欢迎的照片 -->
					<div class="columnType1">
						<div class="columnType1Title">
							<div class="columnType1TitlePic">
								<img src="../theme/skin1/public/columnPic/06.gif"/>
							</div>
							<div class="columnType1TitleText">
								<a href="" class="hotA">个人最受欢迎的照片</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="../theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType1Content" id="topPicList">
						
				
						</div>
						<div class="columnType1End">
						</div>
					</div>
					
				</div>
				<!-- 看过此照片的人开始 -->
				<div class="mainRight1" id="picViewer">
				
					<!-- 看过此张照片的人 -->
					<div class="columnType1">
						<div class="columnType1Title">
							<div class="columnType1TitlePic">
								<img src="theme/skin1/public/columnPic/06.gif"/>
							</div>
							<div class="columnType1TitleText">
								<a href="" class="hotA">看过此张照片的人</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType1Content">
							
							<div class="previewUserList">
								<div class="previewUserListUserPic">
									<a href="#"><img src="images/userSPic01.gif" border="0"/></a>
								</div>
								<div class="previewUserListUserName">
									<a href="#">再来一杯</a>
								</div>
							</div>
							
							<div class="previewUserList">
								<div class="previewUserListUserPic">
									<a href="#"><img src="images/userSPic02.gif" border="0"/></a>
								</div>
								<div class="previewUserListUserName">
									<a href="#">色色熊猫</a>
								</div>
							</div>
							
							<div class="previewUserList">
								<div class="previewUserListUserPic">
									<a href="#"><img src="images/userSPic03.gif" border="0"/></a>
								</div>
								<div class="previewUserListUserName">
									<a href="#">艾尔文</a>
								</div>
							</div>
							
						</div>
						<div class="columnType1End">
						</div>
					</div>
					
				</div>
				<!-- 看过此照片的人结束 -->
			</div>
			
			</div>
			
			<jsp:include flush="true" page="../include/footer.jsp"></jsp:include>
				
	
				<!-- hidden things for communication -->
<div id="uploadFormDiv" style="display: none; padding-top: 10px;">		
<form action="upload.do" method="post" target="hiddenTarget" encType="multipart/form-data"  id="uploadForm">
	选择相册：<select id="categorySelect" name="categoryCode"">
			</select>
	<p>
		1: <input type="file" name="file1"/><br/>
		2: <input type="file" name="file2"/><br/>
		3: <input type="file" name="file3"/><br/>
		4: <input type="file" name="file4"/><br/>
		5: <input type="file" name="file5"/><br/>
		<input type="submit" value="开始上传" /> 
		<input type="button" value="取消" onclick="$J.unblockUI();"/> 
	</p>	
</form>
</div>
		<iframe name="hiddenTarget" width=0 height=0 style="display:none"></iframe>
	</body>
</html>
